.banner-main {
	width: 100%;
	height: 300px;
	position: relative
}
.banner-main-img {
	height: 300px;
	width: 100%;
	min-width: 1000px;
	overflow: hidden
}
.banner-main-img li {
	width: 100%;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}
.banner-main-img li img {
	width: 1920px;
	height: 300px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0
}
.ui-controls ul {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left:-36px;
}
.ui-controls ul li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius:6px;
	background: #fff;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}
.ui-controls ul li:hover {
	background: #399ff3
}
.ui-controls ul .current {
	background: #399ff3
}
.ui-controls .ui-prev {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icon-slides.png) no-repeat -84px 50%;
	z-index: 999;
	cursor: pointer
}
.ui-controls .ui-next {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icon-slides.png) no-repeat -125px 50%;
	z-index: 999;
	cursor: pointer
}
.ui-controls .ui-prev:hover {
	background-position-x: 0
}
.ui-controls .ui-next:hover {
	background-position-x: -42px
}
.pic-scroll {
	width: 1200px;
	margin: 50px auto 30px
}
.pic-scroll .lunbo01 {
	float: left;
	width: 600px;
	height: 400px;
	border: 5px solid #ccc;
	background: #eee;
	position: relative
}
.banner-main-img01 {
	height: 400px;
	width: 600px;
	overflow: hidden
}
.banner-main-img01 li {
	width: 600px;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}
.banner-main-img01 li img {
	width: 600px;
	height: 400px;
	display: block;
	position: relative;
	left: 0;
	top: 0
}
.ui-controls01 ul {
	position: absolute;
	bottom: 20px;
	right: 20px
}
.ui-controls01 ul li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border: 2px solid #ddd;
	background: #eee;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}
.ui-controls01 ul li:hover {
	border: 2px solid #ccc;
	background: #999
}
.ui-controls01 ul .current {
	border: 2px solid #ccc;
	background: #999
}
.ui-controls01 .ui-prev01 {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icon-slides.png) no-repeat -84px 50%;
	z-index: 999;
	cursor: pointer
}
.ui-controls01 .ui-next01 {
	width: 41px;
	height: 69px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icon-slides.png) no-repeat -125px 50%;
	z-index: 999;
	cursor: pointer
}
.ui-controls01 .ui-prev01:hover {
	background-position-x: 0
}
.ui-controls01 .ui-next01:hover {
	background-position-x: -42px
}